<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>

<!--<sj:head loadAtOnce="true" compressed="true" jqueryui="true" jquerytheme="redmond" loadFromGoogle="false" debug="true" defaultIndicator="indicator" />

--><s:form name="formBody" id="formBody">

<s:hidden name="start"/>
<s:hidden name="count"/>
<s:hidden name="orderBy"/>
<s:hidden name="ascDesc"/>
<s:hidden name="previousPage"/>
<s:hidden name="gotoPage"/>
<s:hidden name="actionMethod" value="%{actionMethod}"/>
<s:token/>

<div class="header"><span><span class="ico gray administrator"></span>Rekap Jumlah Sertifikat Masuk</span>
</div><!-- End header -->	
<div class="content" >
	
		<!-- Third / Half column-->
		<div class="widgets">
		
		<div class="oneTwo">
			<div class="section ">
				<label><s:text name="label.startTime"/></label>   
				<div> 
					<s:textfield id="startTime" cssClass="text-input birthday large " 
				    			 readonly="readonly" name="startTime" labelposition="left"/>
				</div>
			</div>
			
			<div class="section last">
	            <div>
	            	<s:reset cssClass="uibutton special" value="RESET" cssStyle="width:100px"/>
	            	<s:submit action="%{actionMethod}" value="SEARCH" indicator="indicator" cssClass="uibutton confirm loading" cssStyle="width:100px"/> 
	            	<!--<s:submit action="RekapitulasiSertifikatMasukAction_pdf" value="PDF" indicator="indicator" cssClass="uibutton" cssStyle="width:100px"/>-->	
	           	</div>
	        </div>
		</div>
			
		<div class="oneTwo">
			
			<div class="section ">
				<label><s:text name="label.endTime"/></label>   
				<div> 
				    <s:textfield id="endTime" cssClass="text-input birthday large " 
				    			 readonly="readonly" name="endTime" labelposition="left"/>
				</div>
			</div>
		  
		</div>
		
	
   <!-- clear fix -->
<div class="clear"></div>

</div><!-- End content -->

<div class="content" >

		<table style="width:100%">
			<tr>
				<td valign="top">
					<div class="tableName">
		
					<div style="text-align: center;font-weight: bold">Jumlah Sertifikat Belum Tanda Tangan</div>
					<table class="display data_table1">
						<thead>
							<tr>
								<th style="text-align:left"><div class="th_wrapp"><s:text name="label.no"/></div></th>
								<th style="text-align:left"><div class="th_wrapp"><s:text name="label.occasionsCode"/></div></th>
								<th style="text-align:left"><div class="th_wrapp"><s:text name="label.total"/></div></th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="belumTtd" status="sequence">
							<tr class="odd gradeX">
							    <td style="text-align:left"><s:property value="%{start+#sequence.index+1}"/></td>
							    <td style="text-align:left"><s:property value="kodeUrusan"/></td>
							    <td style="text-align:left"><s:property value="jumlah"/></td>
							</tr>
							</s:iterator>
						</tbody>
					</table>
					
					</div>
				</td>
				<td valign="top">
					<div class="tableName">
		
					<div style="text-align: center;font-weight: bold">Jumlah Sertifikat Sudah Tanda Tangan</div>
					<table class="display data_table1">
						<thead>
							<tr>
								<th style="text-align:left"><div class="th_wrapp"><s:text name="label.no"/></div></th>
								<th style="text-align:left"><div class="th_wrapp"><s:text name="label.occasionsCode"/></div></th>
								<th style="text-align:left"><div class="th_wrapp"><s:text name="label.total"/></div></th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="sudahTtd" status="sequence">
							<tr class="odd gradeX">
							    <td style="text-align:left"><s:property value="%{start+#sequence.index+1}"/></td>
							    <td style="text-align:left"><s:property value="kodeUrusan"/></td>
							    <td style="text-align:left"><s:property value="jumlah"/></td>
							</tr>
							</s:iterator>
						</tbody>
					</table>
					
					</div>
				</td>
			</tr>
		</table>

   <!-- clear fix -->
<div class="clear"></div>

</div><!-- End content -->
</s:form>